﻿<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="UTF-8">
    <meta name='viewport' content='width=device-width, initial-scale=1.0, maximum-scale=1.0' />
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>成功案例详情页</title>
    <meta name="keywords" content="" />
    <meta name="description" content="" />
    <link rel="stylesheet" type="text/css" href="./font/iconfont.css">
    <link rel="stylesheet" type="text/css" href="./css/color.css">
    <link rel="stylesheet" type="text/css" href="./css/global.css">
    <link rel="stylesheet" type="text/css" href="./css/page.css">
    <link rel="stylesheet" type="text/css" href="./css/uzlist.css">
    <link rel="stylesheet" type="text/css" href="./lib/animate/animate.min.css">
    <link rel="stylesheet" type="text/css" href="./lib/fancybox/fancybox.css" />
</head>

<body>
    <div class="header" style="background:#ffffff;">
        <div class="container">
            <div class="logo fl">
                <div class="logo-img"><a href="./index.html"><img src="./images/0accc80f85507ec130679ba35018b042.jpg" /></a></div>
            </div>
            <div class="nav nav-a fr">
                <ul>
                    <li data-cid="0">
                        <a style="color:#333" target="_self" href="./index.html">首页</a>
                    </li>
                    <li data-cid="9">
                        <a style="color:#333" target="_self" href="./about.html">关于我们</a>
                    </li>
                    <li data-cid="10" class="on">
                        <a style="color:#333" target="_self" href="./case.html">成功案例</a>
                        <div id="case-childer" class="childer"></div>
                    </li>
                    <li data-cid="15">
                        <a style="color:#333" target="_self" href="./partner.html">合作伙伴</a>
                    </li>
                    <li data-cid="12">
                        <a style="color:#333" target="_self" href="./news.html">视讯中心</a>
                    </li>
                    <li data-cid="18">
                        <a style="color:#333" target="_self" href="./contact.html">联系我们</a>
                        <div class="childer">
                            <a target="_self" class="childer-a" href="./contact.html">联系方式</a>
                            <a target="_self" class="childer-a" href="./contact.html">在线留言</a>
                            <a target="_self" class="childer-a" href="./contact.html">地理位置</a>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <div class="back-color">
        <div class="container box-content">
            <div class="con-left">
                <div class="subcat">
                    <div class="sub-tit">
                        <h3>成功案例</h3>
                        <span class="ar">chenggonganli</span>
                    </div>
                    <ul id="case-class"></ul>
                </div>
                <div class="subtac">
                    <p>咨询热线：</p>
                    <strong id="tel" class="ar"></strong>
                </div>
            </div>
            <div class="con-right">
                <div class="current">
                    <div class="curr-left fl">
                        <h3>酒店会所</h3>
                    </div>
                    <div class="curr-right">
                        <div class="curr-a">
                            <span class="txt">您当前的位置：</span>
                            <a class="home" href="/">首页</a>
                            <i class="icon5s s5you1"></i><a href="./case.html">成功案例</a><i class="icon5s s5you1"></i><a id="case-class-title" href=""><!--分类名称--></a>
                        </div>
                    </div>
                </div>
                <div class="pro-content">
                    <div class="pro-detail after">
                        <div class="preview">
                            <img class="thumb" src="./images/24c50f6a413c6e4db52bba83ffaee572.jpg" alt="" />
                        </div>
                        <div class="detail-right fr">
                            <h1 class="pt10"><!--标题--></h1>
                            <p class="type"></p>
                            <div class="remark"><!--简介--></div>
                            <div class="links">
                                <a class="l-url" target="_blank" href="./about.html">咨询我们</a>
                                <span class="pro-share"></span>
                            </div>
                        </div>
                    </div>
                    <div class="detail"><!--内容--></div>
                    <div class="Pre-Next">
                        <p class='page-prev'><span>上一篇：</span><a>上一篇</a></p>
                        <p class='page-next'><span>下一篇：</span><a class='a' href="?" title="下一篇">下一篇</a></p>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="footer footer-a back-black" style='background:#333;'>
        <div class="container">
            <div class="footer-text left">
                <div class="footer-nav">
                    <a target="_self" href="./index.html">首页</a>
                    <a target="_self" href="./about.html">关于我们</a>
                    <a target="_self" href="./case.html">成功案例</a>
                    <a target="_self" href="./partner.html">合作伙伴</a>
                    <a target="_self" href="./news.html">视讯中心</a>
                    <a target="_self" href="./contact.html">联系我们</a>
                </div>
                <div class="copyright">
                    <span>Copyright © 2018 德兰室内设计事务所</span>
                    <span>电话:400-228-0303</span>
                </div>
            </div>
        </div>
    </div>
    <script type="text/javascript" src="./lib/jquery/jquery.min.js"></script>
    <script type="text/javascript" src="./lib/jquery/jquery.superslide.2.1.1.min.js"></script>
    <script type="text/javascript" src="./lib/wow/wow.min.js"></script>
    <script type="text/javascript" src="./lib/fancybox/fancybox.js"></script>
    <script type="text/javascript" src="./js/common.min.js"></script>
    <script type="text/javascript" src="js/services.js"></script>
    <script type="text/javascript" src="js/logs.js"></script>
    <script type="text/javascript">
        (function ($) {
            $.mainu = {
                init: function () {
                    var id = getQueryString("id");
                    $.mainu.getSysConfig();
                    $.mainu.getInstitutionCompany();
                    $.mainu.getInfoClass(id);
                    $.mainu.getInfoArtice(id);
                },
                getSysConfig: function () {
                    var url = createSysConfigUrl();
                    $.get(url, function (res) {
                        console.log(res);
                        var title = res.data.title;
                        var keywords = res.data.keywords;
                        var description = res.data.description;
                        var copyright = res.data.copyright;
                        $("title").text(title);
                        $("meta[name='keywords']").attr({ content: keywords });
                        $("meta[name='description']").attr({ content: description });
                        $(".copyright").text(copyright);
                    });
                },
                getInstitutionCompany: function () {
                    var url = createInstitutionCompanyUrl();
                    $.get(url, function (res) {
                        console.log(res);
                        var tel = res.data.tel;
                        $("#tel").text(tel);
                    });
                },
                getInfoClass: function (id) {
                    var path = "list/parent";
                    var url = createInfoClassUrl(path);
                    var queryString = { parentid: 4364079078 };
                    $.get(url, queryString, function (res) {
                        var code = res.code;
                        var msg = res.message;
                        if (code == 0) {
                            var total = res.data.total;
                            var lists = res.data.rows;
                            var body = "";
                            var columnBody = "";
                            for (var i = 0; i < lists.length; i++) {
                                if (id == lists[i].id) {
                                    body += ` <li class="on"><i></i><a href="./case.html?classid=${lists[i].id}">${lists[i].name}</a></li>`;
                                } else {
                                    body += ` <li><i></i><a href="./case.html?classid=${lists[i].id}">${lists[i].name}</a></li>`;
                                }
                                columnBody += `<a target="_self" class="childer-a" href="./case.html?classid=${lists[i].id}">${lists[i].name}</a>`;
                            }
                            $("#case-class").html(body);
                            $("#case-childer").html(columnBody);
                        }
                    });
                },
                getInfoArtice: function (id) {
                    var path = "get";
                    var url = createInfoArticeUrl(path);
                    var queryString = { id: id };
                    $.get(url, queryString, function (res) {
                        var data = res.data;
                        $("h1").text(data.title);
                        $(".thumb").attr({ src: data.image_src, alt: data.title });
                        $(".remark").text(data.description);
                        $(".detail").html(data.content);
                        $("#case-class-title").text(data.class_name)
                        $("#case-class-title").attr({ href: "./case.html?classid=" + data.class_id });
                    });
                }
            };
            $(function () {
                $.mainu.init();
            });
        })(jQuery);
    </script>
</body>
</html>